/*
-----------------------------------------------
Blogger Template
Name:     anime.arabasma template
Designer: Con-Des ( the last snaipa )
URL:      
Date:     9, 26, 2014
----------------------------------------------- */
/* Content
----------------------------------------------- */
a, input, textarea, .theme-light .nivo-directionNav a, .theme-light .nivo-controlNav a, #top-social ul li a, input, textarea, ul.default-post li a.readmore, h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, .pagination a, .postpage-next, .postpage-previous, .social a:hover, .ev-services, .topnav-right ul li:hover, .big-button, .auto-button, .small-button, .med-button, ul.blogpost li:hover, ul.social li, ul.products li, ul.products li.product:hover .button, ul.products li.product:hover a img, div.product p.price, ul.products li.hosting_product:hover .host_header, .topnav-right ul li:hover ul li {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

body, .body-fauxcolumn-outer { background-color: #F3F3EA; overflow-x: hidden; }
.content-outer {
background-color: #F3F3EA;
}
body, .body-fauxcolumn-outer {
font-family: 'Droid Arabic Kufi', Voces !important;
}
.column-left-outer {
float: left;
margin-left: 0px;
left: 150px;
}
.column-center-outer {
float: right;
right: 120px;
}
.column-right-outer {
width: 185px;
float: right;
right: 0px;
}
.column-right-outer .widget-content {
margin-right: 10px;
}
.post-body {
font-size: .9em;
line-height: 1.8em;
font-family: 'Droid Arabic Naskh';
}
#sidebar-left-1 .widget {
background-color: #FFF;
padding-right: 10px;
padding-bottom: 10px;
}
.widget-content {
margin-top: 15px;
}
#sidebar-left-1 h2 {
background-color: #CC333F;
padding: 10px 6px;
font-size: 1em;
margin-right: -11px;
border-right: 10px solid #5FA7C4;
color: #FFF;
}
#sidebar-right-1 h2 {
background-color: #436969;
padding: 6px;
padding-top: 10px;
padding-bottom: 10px;
font-size: .8em;
border-right: 20px solid #888;
color: #FFF;
width: 100%;
margin-right: -5px;
text-align: center;
min-width: 130px;
}
.post-title.entry-title {
margin-top: 25px;
margin-bottom: 25px;
color: #436969;
}
a {
text-decoration: none;
color: rgba(197, 137, 99, 1);
}
a:hover { color: #DF0000 !important; }
a:visited {
color: #436969;
}
.post-outer {
background-color: #FFF;
margin-bottom:30px;
}
a.more {
border-right: 6px solid #5FA7C4;
margin-top: 10px;
float: left;
width: 100px;
background: #CC333F;
color: #FFF !important;
padding-top: 5px;
padding-bottom: 5px;
text-indent: 10px;
padding-left: 10px;
padding-right: 10px;
margin-top: 25px;
font-family: "Droid Arabic Kufi",Voces !important;
}
a.more:hover {
background: #C58963;
}
.widget ul {
list-style: none;
padding: 0 0.25em 0 0;
}
.PopularPosts .item-thumbnail {
float: right !important;
margin: 0 0 5px 15px;
}
.PopularPosts .item-title {
padding-bottom: .2em;
font-size: .9em;
line-height: 1.7em;
}
.PopularPosts .item-thumbnail img {
width:53px;
height:53px;
padding-right: 0;
}
.PopularPosts .widget-content ul li:hover {
background-color: #D3CFCF;
}
.PopularPosts .widget-content ul li {
padding: 15px 10px 3px 5px;
margin-left: 15px;
background-color: #EBEBEB;
margin-bottom: 10px;
}
.item-thumbnail-only a:hover {
color: #436969 !important;
}
.item-thumbnail-only a {
font-size: .88em;
line-height: 2em;
}
.Label li {
background: #888 !important;
border-radius: 3px 3px 3px 3px !important;
float: right !important;
font-size: 12px !important;
list-style: none outside none !important;
margin: 2px !important;
padding: 10px 2px !important;
transition: all 0.3s ease 0s !important;
min-width: 80px;
text-align: center;
}
.Label li:nth-child(even) {
background: #B41313 !important;
}
.Label li:hover {
background: #111 !important;
}
.Label li a {
color:#fff !important;
}
.hierarchy li {
font-size: .96em;
line-height: 1.7em;
}
.shareone {
position: relative;
top:8px;
margin-left:15px
}
.sharetw {
position: relative;
top:8px;
}
.shareline {
margin-top: 15px;
}
.status-msg-wrap {
display: none;
}
.blog-feeds {
display: none;
}
#BlogArchive1_ArchiveMenu {
background-color: #888;
color: #FCFCFC;
width: 97%;
padding: 15px;
font-size: .82em;
font-family: 'Droid Arabic Kufi', Voces !important;
boder:0;
}
.postmeta-primary {
background-color: #F5F5F5;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 8px;
margin-top: 20px;
}
header {
margin-top: -16px;
background-color: #CC363F;
padding-top: 1px;
margin-bottom: 15px;
}
#header {
float: right;
}
#Header1 {
background-color: #CC363F;
color: #FFF;
padding: 12px 15px 0px;
}
#Header1 a {
color:#fff;
}
#Header1 a:hover {
color:#fff !important;
}
.feed-links {
display: none;
}
/* menu of Sina */
nav {
text-align: center;
}
nav ul ul {
display: none;
}
nav ul li:hover > ul {
display: block;
}
nav ul {
background: none repeat scroll 0% 0% #CC363F;
list-style: none outside none;
}
nav ul:after {
content: ""; clear: both; display: block;
}
nav ul li {
float: right;
color: #fff;
}
nav ul li a:hover {
background:#a02d36;
border-radius: 7px 7px 7px 7px;
}
nav ul li a.hoome{
background:#a02d36;
border-radius: 7px 7px 7px 7px;
}
nav ul li:hover a {
color: #fff;
}
nav ul li a {
display: block;
padding: 5px 25px;
color: #FFF;
text-decoration: none;
}
nav ul ul {
background: #5f6975; border-radius: 0px; padding: 0;
position: absolute; top: 90%; z-index:555;
}
nav ul ul li {
float: none;
border-top: 1px solid #6b727c;
border-bottom: 1px solid #575f6a; position: relative;
}
nav ul ul li a {
padding: 15px 40px;
color: #fff;
}
nav ul ul li a:hover {
background: #4b545f;
}
nav ul ul ul {
position: absolute; right: 100%; top:0;
}
nav a {
color:#fff !important;
}
nav a:hover {
color:#fff !important;
}
nav a:visited {
color:#fff !important;
}
nav li.searchi {
display: inline-block;
border-radius: 0px;
padding: 0px;
border: 0px none;
margin-top: 0px;
margin-left: 100px;
float: left;
}

nav a#pull {
display: none;
}
a#pull span { margin-top:5px; }
@media only screen and (max-width : 600px) {
nav {
border-bottom: 0;
}
nav ul {
display: none;
height: auto;
}
nav a#pull {
display: inline-block;
background-color: #283744;
width: 100%;
position: relative;
background-color: #436969;
}
nav a#pull:after {
content:"";
background: url('http://media02.hongkiat.com/responsive-web-nav/demo/nav-icon.png') no-repeat;
width: 30px;
height: 30px;
display: inline-block;
position: absolute;
left: 15px;
top: 12px;
}
}

.navv {
text-align: center;
color: #CC363F;
background: #FFF;
}
.navv ul ul {
display: none;
}
.navv ul li:hover > ul {
display: block;
}
.navv ul {
list-style: none outside none;
background: none repeat scroll 0% 0% #FFF;
margin-right: 130px;
}
.navv ul:after {
content: ""; clear: both; display: block;
}
.navv ul li {
float: right;
color: #CC363F;
}
.navv ul li a:hover {
background:#a02d36;
}
nav ul li:hover a {
color: #fff;
}
.navv ul li a {
display: block;
padding: 5px 25px;
color: #CC363F;
text-decoration: none;
}
.navv ul ul {
background: #5f6975; border-radius: 0px; padding: 0;
position: absolute; top: 90%; z-index:555;
}
.navv ul ul li {
float: none;
border-top: 1px solid #6b727c;
border-bottom: 1px solid #575f6a; position: relative;
}
.navv ul ul li a {
padding: 15px 40px;
color: #fff;
}
.navv ul ul li a:hover {
background:#CC333F;

}
.navv ul ul ul {
position: absolute; right: 100%; top:0;
}
.navv a {
color:#CC363F !important;
}
.navv a:hover {
color:#fff !important;
}
.navv li.searchi {
display: inline-block;
border-radius: 0px;
padding: 0px;
border: 0px none;
margin-top: 0px;
margin-left: 100px;
float: left;
}

.navv a#pull {
display: none;
}
a#pull span { margin-top:5px; }
@media only screen and (max-width : 600px) {
.navv {
border-bottom: 0;
}
.navv ul {
display: none;
height: auto;
}
.navv a#pull {
display: inline-block;
background-color: #283744;
width: 100%;
position: relative;
background-color: #436969;
}
.navv a#pull:after {
content:"";
background: url('http://media02.hongkiat.com/responsive-web-nav/demo/nav-icon.png') no-repeat;
width: 30px;
height: 30px;
display: inline-block;
position: absolute;
left: 15px;
top: 12px;
}
}

a#pull span {
line-height: 3.2em;
}
/* end menu of Sina */
.content-inner {
padding: 0;
}
#navbar {
display: none;
}
header {
margin-top: -16px;
}
.copyright {
background-color: #CC363F;
color: #FFF;
padding-top: 25px;
padding-bottom: 5px;
padding-right: 10px;
text-align: center;
}
.copyright a {
color: #FFF;
}
.copyright a:hover {
color: #000;
}
.copyright p {
font-size: .8em;
}
.fa.fa-flag {
font-size: 1.5em;
}
/* BloggerSentral Recent Posts Image Gallery CSS Start */
.bsrp-gallery.nopin {
margin-left: -25px;
}
.bsrp-gallery {padding:10px; clear:both;}
.bsrp-gallery:after {content: "";display: table;clear: both;}
.bsrp-gallery .bs-item a {position: relative;float:left;margin: 0 15px 15px 0 !important;text-decoration:none;}
.bsrp-gallery .bs-item .ptitle {background: rgba(0, 0, 0, 0.5); background: #7f7f7f\9; display: block; clear: left; font-size: 11px; line-height:1.3em; height: 2.6em; position: absolute; text-align: right; bottom: 10%; color:#fff; padding:2px 5px; word-wrap: break-word; overflow:hidden;}
.bsrp-gallery a img {background: #eee; float: left; padding: 5px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); transition: background-color 0.4s; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s;}
.bsrp-gallery a:hover img {background: #436969;}
/* BloggerSentral Recent Posts Image Gallery CSS End */
.widget-item-control {
display: none;
}
.contact-form-name, .contact-form-email, .contact-form-email-message {
max-width: none !important;
width: 95% !important;
min-height: 40px !important;
font-family: 'Droid Arabic Kufi', Voces !important;
background-color: #1F2525;
border: 0;
color: #FFF;
}
.contact-form-email:hover, .contact-form-name:hover, .contact-form-email-message:hover {
border: 0;
border-top: 0;
box-shadow: none;
}
.contact-form-email:focus, .contact-form-name:focus, .contact-form-email-message:focus {
border: 0;
box-shadow: none;
outline: none;
}
.contact-form-widget {
width: inherit;
max-width: none !important;
background-color: #383838;
color: #FFF;
padding: 10px 12px 5px 0px;
font-size: .90em;
}
.contact-form-button-submit {
font-family: 'Droid Arabic Kufi', Voces !important;
font-size: 1.1em;
width: 95%;
height: 50px;
background-color: rgba(161, 38, 48, 1);
background-image: none;
border-color: transparent;
cursor: pointer;
}
.ncomments {
width: 87px;
height: 57px;
position: absolute;
top: 130px;
right: -50px;
margin-top: -28px;
left: 180px;
line-height: 57px;
text-align: center;
font-size: 14px;
background-color: #436969;
color: #fff !important;
}
.ncomments:hover {
color: #fff !important;
}
.footer-outer {
margin-bottom: 0px;
background-color: #000;
color: #FFF;
}
.footer-outer .widget h2 {
background-color: #DDD;
color: #474545;
font-size: 1em;
padding: 6px;
padding-top: 10px;
padding-bottom: 10px;
border-right: 10px solid rgba(147, 59, 59, 1);
}
.footer-outer .widget-content {
margin-top: 0px;
background-color: #383838;
padding: 25px 12px 25px 0px;
}
#search-box {
position: relative;
top: 5px;
width: 100%;
margin: 0px 18px 15px 0px;
}
#search-form
{
height: 40px;
background-color: #AE303A;
color: #FFF;
overflow: hidden;
font-family: "Droid Arabic Kufi",Voces !important;
}
#search-text
{
color:#fff;
font-size: 14px;
color: #ddd;
border-width: 0;
background: transparent;
font-family: 'Droid Arabic Kufi', Voces !important;
}
#search-box input[type="text"]
{
width: 90%;
padding: 5px 10px 12px 1em;
color: #fff;
outline: none;
}
#search-button {
position: absolute;
top: 0px;
left: 0px;
height: 40px;
width: 40px;
font-size: 14px;
color: #FFF;
text-align: center;
line-height: 42px;
border-width: 0px;
background: url('http://2.bp.blogspot.com/-Mom-QFGsI1I/UR-7mbsJ9nI/AAAAAAAADlw/j17rp-7DkzE/s1600/srch.png') no-repeat scroll center center #A02D36;
cursor: pointer;
font-family: "Droid Arabic Kufi",Voces !important;
}
blockquote {
background-color: #F3F3F3;
padding: 15px;
color: #2B2828;
border-right: 25px solid #FA0000;
}
/* Start media screens */
@media screen  and (min-width: 1320px) {
.column-center-outer { width: 55%; max-width: 720px;  }
}
@media screen  and (max-width: 1320px) and (min-width: 1240px) {
.column-center-outer { width: 55%; max-width: 720px; margin-right: 20px; }
}
@media screen  and (max-width: 1240px) and (min-width: 1190px) {
.column-center-outer { width: 620px; margin-right: 20px; }
}
@media screen  and (max-width: 1190px) and (min-width: 1120px) {
.column-center-outer { width: 50%; margin-right: 20px; }
}
@media screen  and (max-width: 1120px) and (min-width: 1035px) {
.column-center-outer { width: 75%; margin-right: 50px; margin-right: 20px; }
.column-left-outer { float: left; margin-left: 250px; }
}
@media screen  and (max-width: 1035px) and (min-width: 850px) {
.column-center-outer { width: 75%; margin-right: 20px; }
.column-left-outer { }
}
@media screen  and (max-width: 850px) {
.column-center-outer { width: 99%; }
.column-right-outer { display: none; }
}
@media screen  and (max-width: 700px) {
.footer-outer { display: none; }
}
@media screen  and (min-width: 380px) {
.column-left-outer { width: 320px; }
#sidebar-left-1 .widget { width: 320px; }
}
@media screen  and (max-width: 380px) {
.column-left-outer { width: 99%; }
#sidebar-left-1 .widget { width: 99%; }
}
@media screen  and (min-width: 600px) {
.post-outer { padding: 20px 50px 50px 50px; }
}
@media screen  and (max-width: 600px) {
.post-outer { padding: 20px 10px 50px 10px; }
.ncomments { right: -15px !important; }
}
/* End media screens */
.post-header {
margin-bottom: 25px;
}
.aboutauthor{
padding: 15px;
color: #FFF;
background-color: #436969;
margin-top: 20px;
margin-bottom: 2px;
}
.aboutauthor h4 {
font-family: &#39;Droid Arabic Kufi&#39;, Voces;
color: #E9E9E9;
font-family: &#39;
font-weight: bold;
text-shadow: #FFF 0px 1px 1px;
font-size: .9em;
background-color: #2D4242;
padding: 5px 10px 5px 10px;
display: inline-block;
min-width: 100px;
text-align: center;
margin-top: 10px;
}
.aboutpic{
float:left;
margin:10px 0 0 2px;
}
.aboutpic img{
width: 70px;
height: 70px;
box-shadow:0 3px 6px rgba(0,0,0,.25);
}
.underp {
border-top: 1px solid #CFC9C9;
margin-top: 25px;
}
.aboutauthor p {
font-size: .8em;
font-family: 'Droid Arabic Naskh';
}
.label-post {
font-size: .9em;
background-color: #888;
color: #FFF !important;
padding: .5% 3% .5% 3%;
margin: 1%;
}
.label-post:hover {
background-color: #111;
color: #FFF !important;
}
::selection {
color: #fff;
background: #436969;
}
::-moz-selection  {
color: #fff;
background: #436969;
}
::-webkit-selection  {
color: #fff;
background: #436969;
}
.fa.fa-mail-reply-all {
padding-left: 5px;
vertical-align: bottom;
}
.loader {
overflow-x: hidden;
overflow-y: hidden;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9999;
background: url('http://i.imgur.com/BgRfXjk.gif') 50% 50% no-repeat #9f1717;
}
/* start comments style */
.comments .comments-content .datetime {
float: left;
}
.user a {
background-color: #867272;
padding: 2px 10px 2px 10px;
color: #FFF;
font-size: .785em;
}
.comments .avatar-image-container {
max-height: 70px;
width: 70px;
padding-left: 15px;
}
.comments .avatar-image-container img {
max-width: 70px;
}
.comments .comments-content .comment-content {
background-color: #EEE;
color: #3C3838;
padding: 15px 12px 15px 0px;
margin-right: 35px;
margin-bottom: 20px;
margin-top: 10px;
}
.comments .comment .comment-actions a {
background-color: #436969;
color: #FFF;
padding: 1px 10px 1px 10px;
margin-left: 10px;
margin-top: 10px;
}
.comments .comment .comment-actions a:hover {
color: #FFF !important;
}
.user a:hover {
color: #FFF !important;
}
/* end comments style */
/* start comments style */
.comments .comments-content .datetime {
float: left;
}
.user a {
background-color: #867272;
padding: 2px 10px 2px 10px;
color: #FFF;
font-size: .785em;
}
.comments .avatar-image-container {
max-height: 70px;
width: 70px;
padding-left: 15px;
}
.comments .avatar-image-container img {
max-width: 70px;
}
.comments .comments-content .comment-content {
background-color: #EEE;
color: #3C3838;
padding: 15px 12px 15px 0px;
margin-right: 35px;
margin-bottom: 20px;
margin-top: 10px;
}
.comments .comment .comment-actions a {
background-color: #436969;
color: #FFF;
padding: 1px 10px 1px 10px;
margin-left: 10px;
margin-top: 10px;
}
.comments .comment .comment-actions a:hover {
color: #FFF !important;
}
.user a:hover {
color: #FFF !important;
}
/* end comments style */

/* start comments style */
.comments .comments-content .datetime {
float: left;
}
.user a {
background-color: #867272;
padding: 2px 10px 2px 10px;
color: #FFF;
font-size: .785em;
}
.comments .avatar-image-container {
max-height: 70px;
width: 70px;
padding-left: 15px;
}
.comments .avatar-image-container img {
max-width: 70px;
}
.comments .comments-content .comment-content {
background-color: #EEE;
color: #3C3838;
padding: 15px 12px 15px 0px;
margin-right: 35px;
margin-bottom: 20px;
margin-top: 10px;
}
.comments .comment .comment-actions a {
background-color: #436969;
color: #FFF;
padding: 1px 10px 1px 10px;
margin-left: 10px;
margin-top: 10px;
}
.comments .comment .comment-actions a:hover {
color: #FFF !important;
}
.user a:hover {
color: #FFF !important;
}
/* end comments style */

/* evv */

#evside {
    left: -201px;
    top: 53%;
    width: 245px;
    position: fixed;
}

.EVcolorContent {
    float: left;
    width: 200px;
    height: 44px;
    background-color: #FFF;
}

.fullimg {
    background-repeat: no-repeat;
    background-position: left top;
    background-attachment: scroll;
    background-image: url('http://www.2-steps.net/v3demo/calma-style-2steps/images/icons/allimages.png');
}

#EVcolorHandle {
    height: 44px;
    width: 44px;
    float: left;
    cursor: pointer;
    background-position: -1px -228px;
}

.evcolor_red {
    background-color: #CC333F;
    width: 15px;
    height: 15px;
    float: right;
    margin: 3px 3px 0px;
}

.evcolor_brown {
    background-color: #A1765A;
    width: 15px;
    height: 15px;
    float: right;
    margin: 3px 3px 0px;
}

.evcolor_green {
    background-color: #99B15D;
    width: 15px;
    height: 15px;
    float: right;
    margin: 5px 3px 0px;
}

.evcolor_blue {
    background-color: #97DAE2;
    width: 15px;
    height: 15px;
    float: right;
    margin: 5px 3px 0px;
}

/* end evv */